import React from "react";
import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";
import Story from "./pages/story/Story";
import Project from "./pages/project/Project";
import "normalize.css";
import "./App.less";

const App: React.FC = () => {
  return (
    <Router>
      <div className="headerNavigator">
        <nav>
          <h2>STORODE</h2>
          <Link to="/story">Story</Link>
          <Link to="/project">Project</Link>
        </nav>
      </div>
      <div className="mainContent">
        <Switch>
          <Route exact path="/">
            <Story />
          </Route>
          <Route path="/story">
            <Story />
          </Route>
          <Route path="/project">
            <Project />
          </Route>
        </Switch>
      </div>
    </Router>
  );
};

export default App;
